var prefix = "/sys/user"

$(function() {
  var deptId = '';
  getTreeData();
  load(deptId);
});
var token = JSON.parse(localStorage.getItem("token"));
function load(deptId) {
  $('#exampleTable')
    .bootstrapTable(
      {
        method : 'POST', // 服务器数据的请求方式 get or post
        url : ip + 'sys/user/list', // 服务器数据的加载地址
        // showRefresh : true,
        // showToggle : true,
        // showColumns : true,
        iconSize : 'outline',
        toolbar : '#exampleToolbar',
        striped : true, // 设置为true会有隔行变色效果
        dataType : "json", // 服务器返回的数据类型
        pagination : true, // 设置为true会在底部显示分页条
        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect : false, // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize : 10, // 如果设置了分页，每页数据条数
        pageNumber : 1, // 如果设置了分布，首页页码
        // search : true, // 是否显示搜索框
        showColumns : false, // 是否显示内容下拉框（选择显示的列）
        sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
         ajaxOptions:{
              headers: {"Authorization":token}
         },
        // "server"
        queryParams : function(params) {
          // console.log(params.limit)
          var paramsJSON = {
            // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,
            // 以及所有列的键值对
            limit : params.limit,
            // console.log(params.limit)
            offset : params.offset,
            name : $('#searchName').val(),
            deptId : $('#deptid').val()
          };
          console.log(paramsJSON);

          return JSON.stringify(paramsJSON);

        },
        // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
        // queryParamsType = 'limit' ,返回参数必须包含
        // limit, offset, search, sort, order 否则, 需要包含:
        // pageSize, pageNumber, searchText, sortName,
        // sortOrder.
        // 返回false将会终止请求
        columns : [
          {
            checkbox : true
          },
          {
            field : 'userId', // 列字段名
            title : '编号' // 列标题
          },
          {
            field : 'name',
            title : '名称'
          },
          {
            field : 'username',
            title : '用户名'
          },
          {
            field : 'email',
            title : '邮箱'
          },
          {
            field : 'status',
            title : '状态',
            align : 'center',
            formatter : function(value, row, index) {
              if (value == '0') {
                return '<span class="label label-danger">禁用</span>';
              } else if (value == '1') {
                return '<span class="label label-primary">正常</span>';
              }
            }
          },
          {
            title : '操作',
            field : 'id',
            align : 'center',
            formatter : function(value, row, index) {
              var e = '<a  class="btn btn-primary btn-sm ' + s_edit_h + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
                + row.userId
                + '\')"><i class="fa fa-edit "></i></a> ';
              var d = '<a class="btn btn-warning btn-sm ' + s_remove_h + '" href="#" title="删除"  mce_href="#" onclick="remove(\''
                + row.userId
                + '\')"><i class="fa fa-remove"></i></a> ';
              var f = '<a class="btn btn-success btn-sm ' + s_resetPwd_h + '" href="#" title="重置密码"  mce_href="#" onclick="resetPwd(\''
                + row.userId
                + '\')"><i class="fa fa-key"></i></a> ';
              return e + d + f;
            }
          } ]
      });
}
function reLoad() {
  $('#exampleTable').bootstrapTable('refresh');
}
function getTreeData() {
  $.ajax({
    type : "GET",
     headers:{"JwtAuthorization":JwtAuthorizations,"Authorization":token},
    url : ip +"sys/menu/tree",
    success : function(tree) {
      loadTree(tree);
    }
  });
}
function loadTree(tree) {
  $('#jstree').jstree({
    'core' : {
      'data' : tree
    },
    "plugins" : [ "search" ]
  });
  $('#jstree').jstree().open_all();
}
$('#jstree').on("changed.jstree", function(e, data) {
  parent.$("#deptId").val(data.node.id);
  parent.$("#deptName").val(data.node.text);
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.close(index);
  // loadDept(data.node.id,data.node.text);
  // if (data.selected == -1) {
  //   var opt = {
  //     query : {
  //       deptId : '',
  //     }
  //   }

  //   $('#deptid').val('');
  //   $('#exampleTable').bootstrapTable('refresh', opt);
  // } else {
  //   var opt = {
  //     query : {
  //       deptId : data.selected[0],
  //     }
  //   }
  //   $('#deptid').val(data.selected[0]);
  //   $('#exampleTable').bootstrapTable('refresh',opt);
  // }

});
